<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" data-theme="light">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>InfluWatchDog - 让每一次合作都更放心</title>
    <meta name="description" content="记录与查询网红行为信用，远离带货翻车、数据造假与道德风险">
    @vite(['resources/css/app.css', 'resources/js/app.js'])
</head>
<body class="min-h-screen bg-base-100">
    <!-- 导航栏 -->
    <div class="navbar bg-base-100 shadow-lg sticky top-0 z-50">
        <div class="navbar-start">
            <div class="dropdown">
                <div tabindex="0" role="button" class="btn btn-ghost lg:hidden">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
                    </svg>
                </div>
                <ul tabindex="0" class="menu menu-sm dropdown-content bg-base-100 rounded-box z-[1] mt-3 w-52 p-2 shadow">
                    <li><a href="#features">平台特性</a></li>
                    <li><a href="#scenarios">套餐价格</a></li>
                    <li><a href="#testimonials">用户评价</a></li>
                    <li><a href="#faq">常见问题</a></li>
                </ul>
            </div>
            <a class="btn btn-ghost text-xl font-bold">
                <img src="{{ asset('image/logo.png') }}" alt="信用查" class="h-8 w-auto">
                <span class="ml-2">InfluWatchDog</span>
            </a>
        </div>
        <div class="navbar-center hidden lg:flex">
            <ul class="menu menu-horizontal px-1">
                <li><a href="#features" class="hover:text-primary">平台特性</a></li>
                <li><a href="#scenarios" class="hover:text-primary">使用场景</a></li>
                <li><a href="#testimonials" class="hover:text-primary">用户评价</a></li>
                <li><a href="#faq" class="hover:text-primary">常见问题</a></li>
            </ul>
        </div>
        <div class="navbar-end">
            <a href="{{ route('auth') }}" class="btn btn-ghost mr-2">登录</a>
            <a href="{{ route('auth') }}" class="btn btn-primary">立即查询</a>
        </div>
    </div>

    <!-- 英雄区域 -->
    <section class="hero min-h-screen bg-gradient-to-br from-primary/10 via-secondary/10 to-accent/10">
        <div class="hero-content text-center">
            <div class="max-w-4xl">
                <h1 class="text-5xl lg:text-7xl font-bold mb-6 bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent">
                    让每一次合作都更放心
                </h1>
                <p class="text-xl lg:text-2xl mb-8 text-base-content/80 max-w-2xl mx-auto">
                    记录与查询网红行为信用，远离带货翻车、数据造假与道德风险
                </p>
                <div class="flex flex-col sm:flex-row gap-4 justify-center mb-12">
                    <a href="#" class="btn btn-primary btn-lg">
                        <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"></path>
                        </svg>
                        立即安装
                    </a>
                    <a href="{{ route('auth') }}" class="btn btn-outline btn-lg">
                        <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
                        </svg>
                        立即查询
                    </a>
                </div>
                <!-- 统计数据 -->
                <div class="stats stats-vertical lg:stats-horizontal shadow bg-base-100/50 backdrop-blur">
                    <div class="stat">
                        <div class="stat-value text-primary">50K+</div>
                        <div class="stat-title">已查询网红</div>
                    </div>
                    <div class="stat">
                        <div class="stat-value text-secondary">3,000+</div>
                        <div class="stat-title">不良记录</div>
                    </div>
                    <div class="stat">
                        <div class="stat-value text-accent">85%</div>
                        <div class="stat-title">风险规避率</div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 产品特性 -->
    <section id="features" class="py-20 bg-base-100">
        <div class="container mx-auto px-4">
            <div class="text-center mb-16">
                <h2 class="text-4xl lg:text-5xl font-bold mb-4">核心优势特性</h2>
                <p class="text-xl text-base-content/80 max-w-2xl mx-auto">
                    专业的网红信用查询平台，为您的合作决策提供可靠依据
                </p>
            </div>
            
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
                <div class="card bg-base-200 shadow-lg hover:shadow-xl transition-shadow">
                    <div class="card-body items-center text-center">
                        <div class="w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center mb-4">
                            <svg class="w-8 h-8 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                            </svg>
                        </div>
                        <h3 class="card-title text-xl mb-2">真实记录，多方验证</h3>
                        <p class="text-base-content/80">真实用户评论与平台审核双重保障，确保每条记录客观可信。</p>
                    </div>
                </div>

                <div class="card bg-base-200 shadow-lg hover:shadow-xl transition-shadow">
                    <div class="card-body items-center text-center">
                        <div class="w-16 h-16 bg-secondary/10 rounded-full flex items-center justify-center mb-4">
                            <svg class="w-8 h-8 text-secondary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
                            </svg>
                        </div>
                        <h3 class="card-title text-xl mb-2">一键查询，快速判断</h3>
                        <p class="text-base-content/80">输入网红昵称/平台ID，获取完整信用档案，快速识别风险。</p>
                    </div>
                </div>

                <div class="card bg-base-200 shadow-lg hover:shadow-xl transition-shadow">
                    <div class="card-body items-center text-center">
                        <div class="w-16 h-16 bg-accent/10 rounded-full flex items-center justify-center mb-4">
                            <svg class="w-8 h-8 text-accent" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
                            </svg>
                        </div>
                        <h3 class="card-title text-xl mb-2">匿名提交，保护隐私</h3>
                        <p class="text-base-content/80">品牌方可匿名提交不良行为，经审核后公开，防止恶意攻击。</p>
                    </div>
                </div>

                <div class="card bg-base-200 shadow-lg hover:shadow-xl transition-shadow">
                    <div class="card-body items-center text-center">
                        <div class="w-16 h-16 bg-info/10 rounded-full flex items-center justify-center mb-4">
                            <svg class="w-8 h-8 text-info" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path>
                            </svg>
                        </div>
                        <h3 class="card-title text-xl mb-2">多平台支持，覆盖主流</h3>
                        <p class="text-base-content/80">支持YouTube平台，其他主流平台陆续开放中。</p>
                    </div>
                </div>

                <div class="card bg-base-200 shadow-lg hover:shadow-xl transition-shadow">
                    <div class="card-body items-center text-center">
                        <div class="w-16 h-16 bg-success/10 rounded-full flex items-center justify-center mb-4">
                            <svg class="w-8 h-8 text-success" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
                            </svg>
                        </div>
                        <h3 class="card-title text-xl mb-2">快速响应，实时更新</h3>
                        <p class="text-base-content/80">24-72小时审核上线，重要案件5个工作日内处理完成。</p>
                    </div>
                </div>

                <div class="card bg-base-200 shadow-lg hover:shadow-xl transition-shadow">
                    <div class="card-body items-center text-center">
                        <div class="w-16 h-16 bg-warning/10 rounded-full flex items-center justify-center mb-4">
                            <svg class="w-8 h-8 text-warning" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4.5c-.77-.833-1.664-.833-2.464 0L3.34 16.5c-.77.833.192 2.5 1.732 2.5z"></path>
                            </svg>
                        </div>
                        <h3 class="card-title text-xl mb-2">公正透明，申诉机制</h3>
                        <p class="text-base-content/80">人工+AI双重审核，设有举报与申诉机制，确保公平公正。</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    
    <!-- 使用场景 -->
    <!-- <section class="py-20 bg-base-200">
        <div class="container mx-auto px-4">
            <div class="text-center mb-16">
                <h2 class="text-4xl lg:text-5xl font-bold mb-4">三大用户场景</h2>
                <p class="text-xl text-base-content/80 max-w-2xl mx-auto">
                    品牌方・MCN机构・消费者，不同角色的信用查询需求
                </p>
            </div>

            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
                <div class="card bg-base-100 shadow-lg">
                    <div class="card-body">
                        <div class="w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center mb-4 mx-auto">
                            <svg class="w-8 h-8 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"></path>
                            </svg>
                        </div>
                        <p class="text-base-content/80 mb-6">"合作前无法判断网红是否靠谱，容易踩雷，急需信用查询工具。"</p>
                        <div class="flex items-center">
                            <div class="avatar">
                                <div class="w-12 rounded-full">
                                    <img src="https://img.daisyui.com/images/stock/photo-1534528741775-53994a69daeb.webp" alt="用户头像" />
                                </div>
                            </div>
                            <div class="ml-4">
                                <div class="font-bold">品牌方</div>
                                <div class="text-sm text-base-content/60">合作前风险评估</div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card bg-base-100 shadow-lg">
                    <div class="card-body">
                        <div class="w-16 h-16 bg-secondary/10 rounded-full flex items-center justify-center mb-4 mx-auto">
                            <svg class="w-8 h-8 text-secondary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"></path>
                            </svg>
                        </div>
                        <p class="text-base-content/80 mb-6">"旗下艺人违规历史不明，需要定期监控信用状况维护机构声誉。"</p>
                        <div class="flex items-center">
                            <div class="avatar">
                                <div class="w-12 rounded-full">
                                    <img src="https://img.daisyui.com/images/stock/photo-1534528741775-53994a69daeb.webp" alt="用户头像" />
                                </div>
                            </div>
                            <div class="ml-4">
                                <div class="font-bold">MCN机构</div>
                                <div class="text-sm text-base-content/60">艺人信用管理</div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card bg-base-100 shadow-lg">
                    <div class="card-body">
                        <div class="w-16 h-16 bg-accent/10 rounded-full flex items-center justify-center mb-4 mx-auto">
                            <svg class="w-8 h-8 text-accent" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path>
                            </svg>
                        </div>
                        <p class="text-base-content/80 mb-6">"网红推荐的产品真的好用吗？希望查询推荐者信用做理性消费。"</p>
                        <div class="flex items-center">
                            <div class="avatar">
                                <div class="w-12 rounded-full">
                                    <img src="https://img.daisyui.com/images/stock/photo-1534528741775-53994a69daeb.webp" alt="用户头像" />
                                </div>
                            </div>
                            <div class="ml-4">
                                <div class="font-bold">消费者</div>
                                <div class="text-sm text-base-content/60">理性消费决策</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> -->

    <!-- 使用场景 -->
    <section id="scenarios" class="py-20 bg-base-200">
        <div class="container mx-auto px-4">
            <div class="text-center mb-16">
                <h2 class="text-4xl lg:text-5xl font-bold mb-4">套餐价格</h2>
                <p class="text-xl text-base-content/80 max-w-2xl mx-auto">
                    灵活的定价选项，满足不同规模用户的查询需求
                </p>
            </div>

            <div class="grid grid-cols-1 lg:grid-cols-3 gap-8 max-w-6xl mx-auto">
                <!-- 基础版 -->
                <div class="card bg-base-100 shadow-lg">
                    <div class="card-body">
                        <h3 class="card-title text-2xl mb-2">基础版</h3>
                        <p class="text-base-content/80 mb-6">适合个人用户和小型企业</p>
                        <div class="text-4xl font-bold mb-6">
                            免费
                        </div>
                        <ul class="space-y-3 mb-8">
                            <li class="flex items-center">
                                <svg class="w-5 h-5 text-success mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                                </svg>
                                每日 5 次免费查询
                            </li>
                            <li class="flex items-center">
                                <svg class="w-5 h-5 text-success mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                                </svg>
                                基础信用信息
                            </li>
                            <li class="flex items-center">
                                <svg class="w-5 h-5 text-success mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                                </svg>
                                标准客服支持
                            </li>
                        </ul>
                        <button class="btn btn-outline btn-block">免费开始</button>
                    </div>
                </div>

                <!-- 专业版 -->
                <div class="card bg-primary text-primary-content shadow-xl scale-105">
                    <div class="badge badge-secondary absolute top-4 right-4">推荐</div>
                    <div class="card-body">
                        <h3 class="card-title text-2xl mb-2">专业版</h3>
                        <p class="text-primary-content/80 mb-6">适合品牌方和MCN机构</p>
                        <div class="text-4xl font-bold mb-6">
                            ¥299
                            <span class="text-lg font-normal text-primary-content/60">/月</span>
                        </div>
                        <ul class="space-y-3 mb-8">
                            <li class="flex items-center">
                                <svg class="w-5 h-5 text-secondary mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                                </svg>
                                无限查询次数
                            </li>
                            <li class="flex items-center">
                                <svg class="w-5 h-5 text-secondary mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                                </svg>
                                详细信用报告
                            </li>
                            <li class="flex items-center">
                                <svg class="w-5 h-5 text-secondary mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                                </svg>
                                批量查询功能
                            </li>
                            <li class="flex items-center">
                                <svg class="w-5 h-5 text-secondary mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                                </svg>
                                优先客服支持
                            </li>
                        </ul>
                        <button class="btn btn-secondary btn-block">选择专业版</button>
                    </div>
                </div>

                <!-- 企业版 -->
                <div class="card bg-base-100 shadow-lg">
                    <div class="card-body">
                        <h3 class="card-title text-2xl mb-2">企业版</h3>
                        <p class="text-base-content/80 mb-6">适合大型企业和机构</p>
                        <div class="text-4xl font-bold mb-6">
                            ¥999
                            <span class="text-lg font-normal text-base-content/60">/月</span>
                        </div>
                        <ul class="space-y-3 mb-8">
                            <li class="flex items-center">
                                <svg class="w-5 h-5 text-success mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                                </svg>
                                无限查询次数
                            </li>
                            <li class="flex items-center">
                                <svg class="w-5 h-5 text-success mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                                </svg>
                                完整数据分析
                            </li>
                            <li class="flex items-center">
                                <svg class="w-5 h-5 text-success mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                                </svg>
                                API接口对接
                            </li>
                            <li class="flex items-center">
                                <svg class="w-5 h-5 text-success mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                                </svg>
                                专属客户经理
                            </li>
                        </ul>
                        <button class="btn btn-outline btn-block">联系销售</button>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 客户评价 -->
    <section id="testimonials" class="py-20 bg-base-100">
        <div class="container mx-auto px-4">
            <div class="text-center mb-16">
                <h2 class="text-4xl lg:text-5xl font-bold mb-4">用户真实反馈</h2>
                <p class="text-xl text-base-content/80 max-w-2xl mx-auto">
                    来自品牌方、MCN机构和消费者的真实使用体验
                </p>
            </div>

            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
                <div class="card bg-base-200 shadow-lg">
                    <div class="card-body">
                        <div class="rating mb-4">
                            <input type="radio" name="rating-1" class="mask mask-star-2 bg-orange-400" />
                            <input type="radio" name="rating-1" class="mask mask-star-2 bg-orange-400" />
                            <input type="radio" name="rating-1" class="mask mask-star-2 bg-orange-400" />
                            <input type="radio" name="rating-1" class="mask mask-star-2 bg-orange-400" />
                            <input type="radio" name="rating-1" class="mask mask-star-2 bg-orange-400" checked />
                        </div>
                        <p class="text-base-content/80 mb-6">"我们公司在筛选KOL、KOC时都会先来查一下，已经避免了三次踩雷。"</p>
                        <div class="flex items-center">
                            <div class="avatar">
                                <div class="w-12 rounded-full">
                                    <img src="https://img.daisyui.com/images/stock/photo-1534528741775-53994a69daeb.webp" alt="用户头像" />
                                </div>
                            </div>
                            <div class="ml-4">
                                <div class="font-bold">王总监</div>
                                <div class="text-sm text-base-content/60">某美妆品牌市场总监</div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card bg-base-200 shadow-lg">
                    <div class="card-body">
                        <div class="rating mb-4">
                            <input type="radio" name="rating-2" class="mask mask-star-2 bg-orange-400" />
                            <input type="radio" name="rating-2" class="mask mask-star-2 bg-orange-400" />
                            <input type="radio" name="rating-2" class="mask mask-star-2 bg-orange-400" />
                            <input type="radio" name="rating-2" class="mask mask-star-2 bg-orange-400" />
                            <input type="radio" name="rating-2" class="mask mask-star-2 bg-orange-400" checked />
                        </div>
                        <p class="text-base-content/80 mb-6">"作为MCN，我们会定期查看旗下主播的信用分数，确保对外合作形象。"</p>
                        <div class="flex items-center">
                            <div class="avatar">
                                <div class="w-12 rounded-full">
                                    <img src="https://img.daisyui.com/images/stock/photo-1534528741775-53994a69daeb.webp" alt="用户头像" />
                                </div>
                            </div>
                            <div class="ml-4">
                                <div class="font-bold">刘经理</div>
                                <div class="text-sm text-base-content/60">某头部直播公司负责人</div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card bg-base-200 shadow-lg">
                    <div class="card-body">
                        <div class="rating mb-4">
                            <input type="radio" name="rating-3" class="mask mask-star-2 bg-orange-400" />
                            <input type="radio" name="rating-3" class="mask mask-star-2 bg-orange-400" />
                            <input type="radio" name="rating-3" class="mask mask-star-2 bg-orange-400" />
                            <input type="radio" name="rating-3" class="mask mask-star-2 bg-orange-400" />
                            <input type="radio" name="rating-3" class="mask mask-star-2 bg-orange-400" checked />
                        </div>
                        <p class="text-base-content/80 mb-6">"现在买东西前都会先查一下推荐的网红，避免了好多智商税，太实用了！"</p>
                        <div class="flex items-center">
                            <div class="avatar">
                                <div class="w-12 rounded-full">
                                    <img src="https://img.daisyui.com/images/stock/photo-1534528741775-53994a69daeb.webp" alt="用户头像" />
                                </div>
                            </div>
                            <div class="ml-4">
                                <div class="font-bold">小张</div>
                                <div class="text-sm text-base-content/60">理性消费者</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 常见问题 -->
    <section id="faq" class="py-20 bg-base-200">
        <div class="container mx-auto px-4">
            <div class="text-center mb-16">
                <h2 class="text-4xl lg:text-5xl font-bold mb-4">常见问题</h2>
                <p class="text-xl text-base-content/80 max-w-2xl mx-auto">
                    快速找到您需要的答案
                </p>
            </div>

            <div class="max-w-4xl mx-auto">
                <div class="collapse collapse-plus bg-base-100 mb-4">
                    <input type="radio" name="my-accordion-3" checked="checked" />
                    <div class="collapse-title text-xl font-medium">
                        谁可以提交不良记录？
                    </div>
                    <div class="collapse-content">
                        <p>任何品牌方、合作机构或个人均可提交，但需提供基础证据（聊天截图、订单凭证、视频片段等）。所有提交将由平台审核后公示。</p>
                    </div>
                </div>
                <div class="collapse collapse-plus bg-base-100 mb-4">
                    <input type="radio" name="my-accordion-3" />
                    <div class="collapse-title text-xl font-medium">
                        提交后多久能显示？
                    </div>
                    <div class="collapse-content">
                        <p>一般在 24~72 小时内完成审核并上线。重大案件可能延长至 5 个工作日。</p>
                    </div>
                </div>
                <div class="collapse collapse-plus bg-base-100 mb-4">
                    <input type="radio" name="my-accordion-3" />
                    <div class="collapse-title text-xl font-medium">
                        我可以删除自己的记录吗？
                    </div>
                    <div class="collapse-content">
                        <p>已确认属实的记录不可删除，但您可以在页面下方进行解释说明。</p>
                    </div>
                </div>
                <div class="collapse collapse-plus bg-base-100 mb-4">
                    <input type="radio" name="my-accordion-3" />
                    <div class="collapse-title text-xl font-medium">
                        如何保证信息的真实性？
                    </div>
                    <div class="collapse-content">
                        <p>我们采用人工+AI双重审核机制，并设有举报机制，确保每条记录客观公正。</p>
                    </div>
                </div>
                <div class="collapse collapse-plus bg-base-100 mb-4">
                    <input type="radio" name="my-accordion-3" />
                    <div class="collapse-title text-xl font-medium">
                        如果我被误伤怎么办？
                    </div>
                    <div class="collapse-content">
                        <p>您可以发起申诉，我们将重新核查相关记录。若确属误报，将及时修正并致歉。</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 行动号召 -->
    <section class="py-20 bg-gradient-to-r from-primary to-secondary text-primary-content">
        <div class="container mx-auto px-4 text-center">
            <h2 class="text-4xl lg:text-5xl font-bold mb-6">开始保护您的合作安全</h2>
            <p class="text-xl mb-8 max-w-2xl mx-auto opacity-90">
                立即查询网红信用记录，避免合作风险，让每一次选择都更加明智
            </p>
            <div class="flex flex-col sm:flex-row gap-4 justify-center">
                <a href="#" class="btn btn-secondary btn-lg">
                    <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"></path>
                    </svg>
                    立即安装插件
                </a>
                <a href="{{ route('auth') }}" class="btn btn-outline btn-lg text-white border-white hover:bg-white hover:text-primary">
                    <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
                    </svg>
                    马上查询
                </a>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer class="footer footer-center bg-base-300 text-base-content p-10">
        <nav class="grid grid-flow-col gap-4">
            <a href="{{ route('about') }}" class="link link-hover">关于我们</a>
            <a href="{{ route('contact') }}" class="link link-hover">联系我们</a>
            <a href="{{ route('privacy-policy') }}" class="link link-hover">隐私政策</a>
            <a href="{{ route('terms-of-service') }}" class="link link-hover">服务条款</a>
        </nav>
        <nav>
            <div class="grid grid-flow-col gap-4">
                <a class="link"><svg class="w-6 h-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/></svg></a>
                <a class="link"><svg class="w-6 h-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"/></svg></a>
                <a class="link"><svg class="w-6 h-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"/></svg></a>
            </div>
        </nav>
        <aside>
            <p>版权所有 © {{ date('Y') }} 信用查证. 保留所有权利。</p>
        </aside>
    </footer>

    <script>
        // 平滑滚动
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({
                        behavior: 'smooth',
                        block: 'start'
                    });
                }
            });
        });

        // 导航栏背景变化
        window.addEventListener('scroll', function() {
            const navbar = document.querySelector('.navbar');
            if (window.scrollY > 100) {
                navbar.classList.add('bg-base-100/90', 'backdrop-blur');
            } else {
                navbar.classList.remove('bg-base-100/90', 'backdrop-blur');
            }
        });
    </script>
</body>
</html> 